/**
 * 开店星新零售管理系统
 * @description 基于Yii2+Vue2.0+uniapp研发，H5+小程序+公众号全渠道覆盖，功能完善开箱即用，框架成熟易扩展二开
 * @author 青岛开店星信息技术有限公司
 * @link https://www.kaidianxing.com
 * @copyright Copyright (c) 2020-2022 Qingdao ShopStar Information Technology Co., Ltd.
 * @copyright 版权归青岛开店星信息技术有限公司所有
 * @warning Unauthorized deletion of copyright information is prohibited.
 * @warning 未经许可禁止私自删除版权信息
 */
/***
*  用于修改全局默认样式，优先级最高
***/
html, body, a, div, p, img, h1, h2, h3, h4, h5, h6, dd, dl, input, button, i, span, textarea, ul, li, ol {
    padding: 0;
    margin: 0;
    border: 0;
}

html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.align {
    text-align: center;
}
input, textarea{-webkit-appearance: none;}

li {
    list-style: none;
}

uni-toast {
    z-index: 99999999
}

/* toast背景色 */
uni-toast .uni-simple-toast__text {
    background-color: rgba(17,17,17,0.7);
}
text {
    font-size: px2rpx(14);
}
view {
    font-size: px2rpx(14);
}
div {
    font-size: px2rpx(14);
}


/* --------uni.scss移入---------- */

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
    position: relative;
}

// 一像素边框
.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
    content: ' ';
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    transform-origin: center;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.van-hairline--top:after {
    border-width: 1px 0 0 0;
}

.van-hairline--left:after {
    border-width: 0 0 0 1px;
}

.van-hairline--right:after {
    border-right-width: 1px;
}

.van-hairline--bottom:after {
    border-width:  0 0 1px 0;
}

.van-hairline--top-bottom:after {
    border-width: 1px 0;
}

/* placeholder */
/deep/ .input-placeholder,
.uni-input-placeholder {
    color: $uni-text-color-grey;
}
.van-hairline--surround:after {
    border-width: 1px;
}
._i,
._span,
.iconfont-m- {
    display: inline;
}

page {
    height: 100%;
}
.isfixed {
    position: fixed !important;
    z-index: 9999999;

    &.layer {
        z-index: 9999998;
    }
}

*,
view {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: normal;
    box-sizing: border-box;
}

.vertical-align-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
}
.flex-nowrap {
    display: flex;
    flex-wrap: nowrap;
}
.title-style {
    font-size: px2rpx(12);
    line-height: px2rpx(17);
    color: #212121;
    font-weight: 500;
}
.subtitle-style {
    font-size: px2rpx(10);
    line-height: px2rpx(14);
    color: #969696;
}


/* #ifdef H5 */
uni-page-head {
    display: none;
}
uni-page-head[uni-page-head-type=default]~uni-page-wrapper {
    height: 100%;
}
/* #endif */

//
html::-webkit-scrollbar {
    display:none;
}

.topmenu .menu-list::-webkit-scrollbar {
    display:none;
}


.hairline,
.hairline--bottom,
.hairline--left,
.hairline--right,
.hairline--top {
    position: relative;
}

.hairline--bottom:after,
.hairline--left:after,
.hairline--right:after,
.hairline--top:after,
.hairline:after {
    content: ' ';
    position: absolute;
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: $color-line;
}

.hairline--top:after {
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}
.hairline--right:after {
    height: 100%;
    width: 1px;
    top: 0;
    right: 0;
    -webkit-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
}
.hairline--bottom:after {
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}
.hairline--left:after {
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
}
.uni-picker-container {
    z-index: 999999999;
}
/* ------------------ */

.opacity-0 {
    opacity: 0;
}

.uni-color-primary {
    color: $uni-color-primary !important;
}

.uni-color-primary-bg {
    background-color: $uni-color-primary !important;
}

.uni-text-color-grey {
    color: $uni-text-color-grey !important;
}
.uni-text-color {
    color: $uni-text-color;
}
.bold {
    font-weight: 600 !important;
}

.flex {
    display: flex;
}

.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.block {
    display: block;
}

.flex-column {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    position: relative;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.space-around {
    justify-content: space-around;
}

.align-center {
    align-items: center;
}

.space-between {
    justify-content: space-between;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.line-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
    //display: -webkit-box;
    //-webkit-box-orient: vertical;
    //-webkit-line-clamp: 1;
}

.two-line-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.three-line-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.fs-20 {
    font-size: 40rpx;
}

.fs-12 {
    font-size: 24rpx !important;
}

.primary-price {
    font-size: 32rpx;
    font-weight: 700 !important;
}


/** 头条小程序样式兼容 **/
/* #ifdef MP-TOUTIAO */
button:after {
    border: none;
}
/* #endif */

/* 确认订单选项 */
.rr-cell {
    height: 80rpx;
    line-height: 80rpx;
    background-color: #fff;
    padding-left: 24rpx;
    font-size: 24rpx;
    .label {
        width: 170rpx;
        text-align: left;
    }
    text {
        font-size: 24rpx;
    }
    .bor-top {
        border-top: 1rpx solid #E6E7EB;
    }
    .bor-bottom {
        border-bottom: 1rpx solid #E6E7EB;
    }
    .more {
        padding-right: 24rpx;
    }
}

/* 按钮 */
.rr-btn {
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    color: #fff;
    border-radius: 40rpx;
}
/* input */
.rr-input {
    height: 100%;
    font-size: 24rpx;
    text-align: left;
    color: $uni-text-color;
}

/* 修改默认radio样式 */
/deep/ uni-radio .uni-radio-input {
    width: 30rpx;
    height: 30rpx;
}

/* 搜索样式 */
.search-content {
    position: relative;
    background-color: $uni-bg-color-grey;
    width: 100%;
    padding: 16rpx 24rpx;
    box-sizing: border-box;
    .search-input {
        position: relative;
        height: 60rpx;
        line-height: 60rpx;
        font-size: 24rpx;
        background-color: #FFFFFF;
        color: $uni-text-color;
        border-radius: 12rpx;
        span {
            padding-left: 48rpx;
        }
    }
    .placeholder {
        position: absolute;
        font-size: 24rpx;
        left: 90rpx;
        top: 50%;
        transform: translateY(-50%);
    }
    input {
        padding-left: 48rpx;
    }
    i.icon-m-shangpinxiangqing-search {
        position: absolute;
        left: 44rpx;
        font-size: 28rpx;
        top: 50%;
        color: #969696;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}


/* 物流信息样式 */
.express-container {
    box-sizing: border-box;
    margin: 16rpx auto;
    width: 702rpx;
    overflow: hidden;

    border-radius: 12rpx;
    background: #ffffff;

    .no-list {
        overflow: hidden;
        margin: 100rpx auto;
        font-size: 28rpx;
        line-height: 40rpx;
        text-align: center;
        color: $uni-text-color;
    }

    .ex-info {
        padding: 0 24rpx;

        .ex-title {
            height: 96rpx;
            border-bottom: 1px solid #e6e7eb;

            .ex-name,
            .ex-sn {
                font-size: 28rpx;
                line-height: 40rpx;
                color: $uni-text-color;
                word-break: break-word;
                margin-right: 10rpx;
            }

            .ex-name {
                margin-right: 10rpx;
            }
        }
    }

    .ex-content {
        padding: 30rpx 32rpx 0;
        overflow: hidden;

        .ex-list {
            position: relative;
            margin-bottom: 60rpx;
            color: $uni-text-color-grey;
            &.on {
                color: $uni-text-color;
            }

            .ex-time {
                width: 86rpx;
                margin-right: 80rpx;
                text-align: right;

                .ex-time-date {
                    font-size: 28rpx;
                    line-height: 40rpx;
                }

                .ex-time-desc {
                    font-size: 16rpx;
                }
            }

            .ex-desc {
                font-size: 24rpx;
                line-height: 34rpx;
            }

            .ex-circle {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;

                position: absolute;
                top: 4rpx;
                left: 110rpx;
                height: calc(100% + 60rpx);
                width: 40rpx;

                .ex-status-icon {
                    width: 40rpx;
                    height: 40rpx;
                    background-color: #fff;
                    justify-content: center;

                    .ex-status-img {
                        width: 100%;
                        height: 100%;
                    }
                }

                &-point {
                    height: 16rpx;
                    width: 16rpx;
                    background-color: $uni-border-color;
                    border-radius: 50%;

                    &.on {
                        background-color: $uni-color-primary;
                    }
                }

                .ex-line {
                    width: 1px;
                    height: calc(100% - 40rpx);
                    background-color: $uni-border-color;
                }
            }
        }
    }
}


/* 缺省页 */
.default-page {
    padding: 96rpx 0 48rpx;
    //height: 100%;
    align-items: center;
    box-sizing: border-box;

    .bg {
        width: 200rpx;
        height: 200rpx;
        border-radius: 50%;
        image {
            width: 200rpx;
            height: 200rpx;
            border-radius: 50%;
        }
    }

    .default-text {
        font-size: 24rpx;
        color: $uni-text-color-grey;
        margin-top: 65rpx;
    }
    .default-btn {
        width: fit-content;
        margin-top: 32rpx;
        padding: 12rpx 60rpx;
        background-color: $uni-bg-color-grey;
        border: 1px solid $uni-color-primary;
        border-radius: 40rpx;
        color: $uni-color-primary;
        font-size: 28rpx;
    }
}


/* 商品组件样式 */
.goods-card-item {
    position: relative;
    &.line::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 59%;
        //height: 0;
        border-bottom: 1px solid $uni-border-color;
        transform: scaleY(0.5);
    }
    &.line:last-child::after {
        border-bottom: none;
    }
    .goods-card-inner {
        height: 100%;
        overflow: hidden;
        .label-box {
            position: relative;
            width: 220rpx;
            height: 220rpx;
            margin-right: 24rpx;
            border-radius: 12rpx;
            overflow: hidden;
            .goods-img {
                flex-shrink: 0;
                width: 220rpx;
                height: 220rpx;
                border-radius: 12rpx;
                img {
                    object-fit: cover;
                }
                .goods-img-img {
                    width: 220rpx;
                    height: 220rpx;
                }
            }
            .label-icon {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
                .sale-img {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    width: 100%;
                    height: 100%;
                    transform: translate(-50%, -50%);
                    z-index: 1;
                    background: rgba(0,0,0,0.5);

                    &-soldout {
                        position: absolute;
                        width: 50%;
                        height: 50%;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                    }
                }
                .hot,
                .recommend{
                    position: relative;
                    font-size: 24rpx;
                    color: #fff;
                    text-align: center;
                    image {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }
                    span {
                        position: relative;
                    }
                }
                .recommend {
                    width: 72rpx;
                    height: 38rpx;
                    line-height: 38rpx;
                    image {
                        width: 72rpx;
                        height: 38rpx;
                    }
                }
                .hot {
                    width: 56rpx;
                    height: 66rpx;
                    line-height: 66rpx;
                    image {
                        width: 56rpx;
                        height: 66rpx;
                    }
                }

                .seckill-tag,.groups-tag, .groups-fission-tag{
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 9;
                    display: flex;
                    align-items: center;
                    border-radius: px2rpx(2);
                    padding: px2rpx(1) px2rpx(2);
                    min-width: px2rpx(36);


                    .badge-icon {
                        font-size: px2rpx(8);
                        color:  #fff;
                    }

                    .badge-text {
                        flex: 1;
                        text-align: center;
                        font-weight: bold;
                        font-size: px2rpx(9);
                        line-height: px2rpx(12);
                        color:  #fff;
                    }
                }
                .seckill-tag {
                    background: #ff3c29;
                }
                .groups-tag {
                    background: linear-gradient(114.57deg, #FF8A00 19.05%, #FF4C14 87.67%);
                }
            }
        }
        .goods-info {
            overflow: hidden;
            .title {
                line-height: 34rpx;
                color: $uni-text-color;
                font-size: 28rpx;
                font-weight: 500;
            }
            .sub-title {
                line-height: 34rpx;
                margin-top: 8rpx;
                font-size: 24rpx;
                color: $uni-text-color-grey;
            }
            .price {
                line-height: 40rpx;
                color: $uni-color-primary;
                font-size: 24rpx;
            }
            .price-box {
                .flex-between {
                    align-items: flex-end;
                }
                .cart-icon {
                    .icon-m-buy1 {
                        color: $uni-color-primary;
                        font-size: 48rpx;
                    }
                }
                .right {
                    text-align: right;
                }
            }
            .original_price,
            .sales{
                color: $uni-text-color-grey;
                font-size: 20rpx;
                line-height: 28rpx;
                margin-top: 4rpx;
            }
            .original_price {
                text-decoration: line-through;
            }
        }
    }
    .goods-card-inner.flex-column {
        .label-box {
            position: relative;
            width: 344rpx;
            height: 344rpx;
            border-radius: 12rpx 12rpx 0 0;
            .goods-img {
                width: 344rpx;
                height: 344rpx;
                border-radius: 12rpx 12rpx 0 0;
            }
        }
    }
}
/* 优惠券弹窗 */
.create-activity {
    .inner {
        background: #fff;
        border-radius: 20rpx 20rpx 0 0;
        max-height: 888rpx;
        min-height: 600rpx;
        padding: 0 24rpx 16rpx;
        justify-content: space-between;
        box-sizing: border-box;
        .content-box {
            overflow: auto;
        }
        .content {
            height: 672rpx;
        }
        .title {
            text-align: center;
            color: $uni-text-color;
            font-size: 32rpx;
            line-height: 120rpx;
        }
        .close-btn {
            >view {
                height: 80rpx;
                line-height: 80rpx;
                text-align: center;
                flex: 1;
            }
            .not-user {
                border-radius: 40rpx 0 0 40rpx;
                border: 1px solid $uni-border-color;
            }
            .btn {
                background: linear-gradient(172.93deg, $uni-color-primary 0%, #FF6F29 94.38%);
                color: #fff;
                border-radius: 0 40rpx 40rpx 0;
            }
        }
    }
    .coupon-content {
        box-sizing: content-box;
        padding-bottom: 16rpx;
        height: 200rpx;
        .left {
            align-items: center;
            justify-content: center;
            padding: 8rpx;
            width: 204rpx;
            height: 100%;
            background-color: #FF3C29;
            font-size: 24rpx;
            color: #fff;
            border-radius: 8rpx 0 0 8rpx;
            box-sizing: border-box;
            overflow: hidden;
            &.blueBg {
                background-color: #367BF5;
            }
        }
        .dot-list {
            position: absolute;
            right: -6rpx;
            top: -6rpx;
            li {
                width: 12rpx;
                height: 12rpx;
                border-radius: 50%;
                background-color: #fff;
                margin-bottom: 8rpx;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
        .right {
            padding: 0 24rpx;
            align-items: center;
            font-size: 24rpx;
            //border: 1px solid $uni-border-color;
            border-left: 0;
            border-radius: 0 8rpx 8rpx 0;
            box-sizing: border-box;
            background-color: #FFF3F5;
            &.blueBg {
                background-color: #E6EFFF;
            }
            i {
                font-size: 60px;
                color: $uni-color-primary;
            }
            .uni-text-color-grey {
                margin-top: 6rpx;
                font-size: 24rpx;
                line-height: 34rpx;
            }
            .rr-btn {
                width: 152rpx;
                height: 52rpx;
                line-height: 52rpx;
                background: linear-gradient(to right, $uni-color-primary, #FF6F29);
                font-size: 24rpx;
                border-radius: 76rpx;
            }
        }
    }
}

/*=------------------------------- uni.scss ---------------------------------------------------*/
.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom {position: relative;}

// 一像素边框
.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after {
    content: ' ';
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    transform-origin: center;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.van-hairline--top:after {
    border-width: 1px 0 0 0;
}

.van-hairline--left:after {
    border-width: 0 0 0 1px;
}

.van-hairline--right:after {
    border-right-width: 1px;
}

.van-hairline--bottom:after {
    border-width:  0 0 1px 0;
}

.van-hairline--top-bottom:after {
    border-width: 1px 0;
}

/* placeholder */
/deep/ .input-placeholder,
.uni-input-placeholder {
    color: $uni-text-color-grey;
}
.van-hairline--surround:after {
    border-width: 1px;
}
._i,
._span,
.iconfont-m- {
    display: inline;
}

page {
    height: 100%;
}
.isfixed {
    position: fixed !important;
    z-index: 9999999;

    &.layer {
        z-index: 9999998;
    }
}

page {
    height: 100%;
}
*,
view {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: normal;
    box-sizing: border-box;
}

.vertical-align-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
}
.flex-nowrap {
    display: flex;
    flex-wrap: nowrap;
}
.title-style {
    font-size: px2rpx(12);
    line-height: px2rpx(17);
    color: #212121;
    font-weight: 500;
}
.subtitle-style {
    font-size: px2rpx(10);
    line-height: px2rpx(14);
    color: #969696;
}

.hairline,
.hairline--bottom,
.hairline--left,
.hairline--right,
.hairline--top {
    position: relative;
}

.hairline--bottom:after,
.hairline--left:after,
.hairline--right:after,
.hairline--top:after,
.hairline:after {
    content: ' ';
    position: absolute;
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: $color-line;
}

.hairline--top:after {
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}
.hairline--right:after {
    height: 100%;
    width: 1px;
    top: 0;
    right: 0;
    -webkit-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
}
.hairline--bottom:after {
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}
.hairline--left:after {
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
}
.uni-picker-container {
    z-index: 999999999;
}
